$(function () {
    $('.login a').on('click', function () {
        // 这里写不要用this
        $('.login').hide();
        $('.reg').show();
    })
    $('.reg a').on('click', function () {
        $('.reg').hide();
        $('.login').show();
    })
    // 这里需要定义一个layui的form常量
    const form = layui.form;
    // 现在需要正则验证
    form.verify({
        username: function (value, item) { //value：表单的值、item：表单的DOM对象
            if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
                return '用户名不能有特殊字符';
            }
            if (/(^\_)|(\__)|(\_+$)/.test(value)) {
                return '用户名首尾不能出现下划线\'_\'';
            }
            if (/^\d+\d+\d$/.test(value)) {
                return '用户名不能全为数字';
            }
        }

        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        , pass: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        // 确认密码的验证
        repass: function (value) {
            if (value != $('.reg [name=repassword]').val()) {
                return '您两次输入的密码不一致！';
            }
        }
    });
    // 登录提交数据
    form.on('submit(formlogin)', function (data) {
        // 发送请求
        $.ajax({
            type: "post",
            url: "/api/login",
            data: data.field,
            success: function (response) {
                if (response.status != 0) {
                    return layer.msg('哎呀，登录失败啦!', { icon: 5 });
                    // return response.message;
                }
                layer.msg('恭喜，登录成功！', { icon: 6 });
                // response.message;
                location.href = "/index.html";
                localStorage.setItem('token', response.token);

            }
        });
        console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
    // 注册提交数据
    form.on('submit(formreg)', function (data) {
        // 发送请求
        $.ajax({
            type: "post",
            url: "/api/reguser",
            data: data.field,
            success: function (response) {
                if (response.status != 0) {
                    return layer.msg('哎呀，注册失败啦!', { icon: 5 }) && $('.reg [name=username]').val('');
                    // return response.message;
                }
                layer.msg('恭喜，注册成功！', { icon: 6 });
                $('.reg a').click();
                $('.login [name=username]').val($('.reg [name=username]').val());
                $('.login [name=password]').val($('.reg [name=password]').val());
                setTimeout(function () {
                    location.href = "/index.html";
                }, 3000)

            }
        });
        // console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });

})